<template>
	<div >
		<div class="content" @click="jump">
			<div class="p1"><img src="@/static/pic.png" alt=""></div>
			<div class="d1">
				<div>利用分餐制 可有效避免幽门螺旋杆菌感染</div>
				<div><p>王敏  2020/09/08</p></div>
			</div>
		</div>
		<div class="content" @click="jump">
			<div class="p1"><img src="@/static/pic.png" alt=""></div>
			<div class="d1">
				<div>利用分餐制 可有效避免幽门螺旋杆菌感染</div>
				<div><p>王敏  2020/09/08</p></div>
			</div>
		</div>
		<div class="content" @click="jump">
			<div class="p1"><img src="@/static/pic.png" alt=""></div>
			<div class="d1">
				<div>利用分餐制 可有效避免幽门螺旋杆菌感染</div>
				<div><p>王敏  2020/09/08</p></div>
			</div>
		</div>
		<div class="content" @click="jump">
			<div class="p1"><img src="@/static/pic.png" alt=""></div>
			<div class="d1">
				<div>利用分餐制 可有效避免幽门螺旋杆菌感染</div>
				<div><p>王敏  2020/09/08</p></div>
			</div>
		</div>
		<div class="content" @click="jump">
			<div class="p1"><img src="@/static/pic.png" alt=""></div>
			<div class="d1">
				<div>利用分餐制 可有效避免幽门螺旋杆菌感染</div>
				<div><p>王敏  2020/09/08</p></div>
			</div>
		</div>
		<div class="content" @click="jump">
			<div class="p1"><img src="@/static/pic.png" alt=""></div>
			<div class="d1">
				<div>利用分餐制 可有效避免幽门螺旋杆菌感染</div>
				<div><p>王敏  2020/09/08</p></div>
			</div>
		</div>
	
		
	</div>
</template>

<script>
	export default {
		data() {
			return {
	
			}
		},
		methods: {
			jump() {
				uni.navigateTo({
					url: "../encyclopedia/book"
				})
			}
		}
	}
</script>

<style>
	.content{
		display: flex;
		margin: 15px 15px 0 15px;
		border: 1px solid #f2f2f2;

		box-shadow: 5px -5px 5px -5px  #e8e8e8 ;
	}
	.p1{
		width: 30%;
		height: 110px;
		text-align: center;
		margin: 0 auto;
	}
	img{
		width: 110px;
		height: 90px;
		vertical-align: middle;
		margin: 0 auto;
		padding-top: 10px;
		

	}

	.d1 {
		line-height: 25px;
		margin: 10px;
		width: 70%;
		font-size: 14px;
		
	}
	.pp{
		height: 1rpx;
		background-color: #f2f2f2;
		margin: 0 20px;
	}
	p{
		font-size: 13px;
		font-weight: 200;
		margin-top: 1px;
		
	}
</style>